@media only screen and (max-width: 768px) {
  .home {
    height: 100vh;
    justify-content: start;
    .color-lumps {
      display: flex;
      flex-wrap: wrap;
      .color-lump {
        width: 40px;
        height: 40px;
        margin: 6px;
      }
    }
  }
}

@media only screen and (min-width: 768px) {
  .home {
    flex-direction: row;
    height: 100vh;
    overflow: hidden;
  }

  .svg-container {
    // width: 80%;
    flex: 1;
    overflow: auto;
  }
  .tool {
    max-width: 20%;
    margin-left: 20px;
  }
  .color-lumps {
    display: flex;
    flex-wrap: wrap;
    flex: 1;
    margin-top: 0;
    overflow: hidden;
    .color-lump {
      margin: 6px;
      width: 40px;
      height: 40px;
    }
  }
}
